// 1. 导入用于创建 vue 实例的函数 createApp
import { createApp } from 'vue'
// 2. 导入根组件
import App from './App.vue'
// import App from './知识点补充/04-Vue的transition组件动画.vue'
// import App from './知识点补充/05-检查目标元素可见性.vue'
// import App from './知识点补充/06-图片懒加载封装.vue'
// import App from './知识点补充/07-复选框组件封装测试.vue'
// import App from './知识点补充/09-传统倒计时写法.vue'
// import App from './知识点补充/10-倒计时写法进阶.vue'
// 3. 导入路由实例
import router from './router'
// 4. 导入仓库实例
import store from './store'
// 导入自己封装的组件库
import XtxUI from '@/components/library'
// 导入全局过滤器
import filter from './filter'
// 导入 mock 用于模拟接口
import './mock'

// 导入样式重置的包
import 'normalize.css'
import '@/assets/styles/common.less'

// 5. 创建 Vue 应用
const app = createApp(App)

// 6. 注册使用
app.use(store)
app.use(router)
// 安装自己封装的组件库
app.use(XtxUI)
// 安装自己封装全局过滤器
app.use(filter)

// 7. 挂载到 #app 节点中
app.mount('#app')

// 🔔 Vue2中的写法 render 函数和 h 函数写法
//   render 函数 - 用于渲染DOM节点的函数
//   h 函数      - 创建虚拟DOM
// new Vue({
//   render: h => h(App)
// }).mount('#app')
